<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]肖潇网络与新媒体专业佛山</title>
    <link rel="shortcut icon" href="assets/images/icon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
      <script src="./assets/js/jquery-3.2.1.min.js"></script>
 <script src="./assets/js/main.js"></script>        
 <script src="./assets/js/iconfont.js"></script>
 <style type="text/css"> 
     *{
        margin: 0px;
        padding: 0px; 
    }
    body{
        background-color: #f4f4f4;
    }
     </style> 
</head>

<body>
<body class="Site" >
    <header>

   <nav class="btn btn-1">
    
             <ul>
                  
                <li class="logo active">
                     <a href="#">简历</a>
                     <span></span>
                 </li>
                 <li id="silder_bar"><i class="fa  fa-align-justify fa-5x "></i>
                     <a href="#">侧栏菜单</a>
                 </li>
               
                 <li ><i class="fa fa-git-square fa-5x "></i>
                    <a href="#">
                     <a href="https://gitee.com/xiao-xiao05114220" target="_blank">gitee</a>
                     <span></span>
                 </li>
                 
             </ul>
         </nav>
         </header>
    <article class="container">
        <section class="side" id="side">

 
            <!-- 个人肖像 -->
            <section class="me">
                <section class="portrait">
                    <div>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <img class="avatar" style = "display:block;" src="assets/images/touxiang.jpg" onload="loading()">
                </section>

                <h1 class="name">肖潇</h1>
                <h4 class="info-job">网络与新媒体  /  佛山</h4>

            </section>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-jibenxinxi1"></use></svg>
                基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>肖潇 / 女 / 19岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>未考级</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>未考级</span>
                    </li>
                </ul>
            </section>

            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianxifangshi"></use></svg></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:15007570002" target="_blank">15007570002</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:727141493@qq.com" target="_blank">727141493@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://gitee.com/xiao-xiao05114220" target="_blank">https://gitee.com/xiao-xiao05114220</a>
                    </li>
                   
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-icon_skill"></use></svg></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>网站建设与管理</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>Photoshop</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>微信公众号运营</label>
                        <progress value="85" max="100"></progress>
                    </li>
                    <li>
                        <label>Tableau</label>
                        <progress value="70" max="100"></progress>
                    </li>
                    <li>
                        <label>python</label>
                        <progress value="50" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr/>
                <img src="assets/images/erweima.jpg" style="width: 100%;" alt="">
            </section>

            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

 <main class="info-unit">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-university" aria-hidden="true"style="color: orange"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><b>佛山华英学校（初中）</b></span>
                            <time>2014.9-2017.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，在初中学习中，积极向上，参加各种课外活动培养综合素质并参加征文活动获得银奖。</p>
                    </li>
                    <li>
                        <h3>
                            <span><b>佛山四中（高中）</b></span>
                            <time>2017.9-2020.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，高中学习中，课内外兼修，获得地理小博士竞赛一等奖并参加学校心理社并担任社团部长，组织心理讲座演讲、高三激励活动等。</p>
                    </li>
                    <li>
                          <h3>
                            <span><b>广州南方学院（本科）</b></span>
                            <time>2020.9-至今</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，就读于网络与新媒体专业，参加2021秋季学院奖比赛获得优秀奖。</p>
                    </li>
                </ul>
            </main>

            <!-- 在校经历 -->
           <main class="info-unit">
                <h2>
                    <h2><svg class="icon" aria-hidden="true" style="color: darkorange;width: 2em;height: 2em;">
                    <use xlink:href="#icon-fillzaixiaojingli01"></use></svg>在校经历</h2>
                <hr/>
                <ul>
                   <li>
                        <h3>
                            <span><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-untitled851"></use></svg><b>轮滑社团技术部_干事</b></span>                        
                            <time>2020.10-2021.9</time>
                        </h3>
                        <ul class="info-content">
                            <li>学习并掌握了
                                <mark>T刹</mark>这个技能，参与了两次
                                <mark>轮滑刷街</mark>活动并且感受到轮滑的快乐。</li>
                                <li>推文链接：</li><a href="https://mp.weixin.qq.com/s/UTTSubmZksZpTRUUhDR23A" target="_blank">
                                    <i class="fa fa-link" aria-hidden="true"></i>轮滑刷街推文</a>
                        </ul>
                    </li>
                      <li>
                        <h3>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-untitled851"></use></svg>
                                <b>中大南方校学生记者团运营部_干事</b></span>
                           
                            <time>2020.10-2021.5</time>
                        </h3>
                        <ul class="info-content">
                            <li>学习并掌握了<mark>推文排版</mark>这个技能，并且在一学期内参与部门任务11次。
                            <li>在部门期末评比中获得<mark>第一名</mark>。</li> <li>作品推文链接：</li><a href="https://mp.weixin.qq.com/s/_N6_bRYERTzNl-6eM0TOgg" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>广州南方学院学生记者团推文 _宿舍图鉴</a>
                        </ul>
                    </li>
                     <li>
                        <h3>
                            <span><svg class="icon" aria-hidden="true"><use xlink:href="#icon-untitled851"></use></svg>
                                <b>中大南方校学生记者团运营部_部长</b></span>
                            <time>2021.5-至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>提高了<mark>推文排版</mark>能力，并且给部门内干事培训排版技能。
                            <li>参与策划制作官微原创专题。</li><li>作品推文链接：</li><a href="https://mp.weixin.qq.com/s/Hio61H0mZVsLxDUEn9Ijxw" target="_blank"><i class="fa fa-link" aria-hidden="true"></i>广州南方学院官微推文_军训专题</a>
                        </ul>
                    </li>
                </ul>
            </main>

            <!-- 项目经验 -->
             <main class="project info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-wodexiangmu"></use></svg>
                                个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span><b>[项目1]第一个网页制作</b></span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2021.11.16-2021.11.22</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML5+Gitee+Sublime</li>
                            <li>
                                 <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                运用学习到的html5知识制作出第一个个人网页
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                参与课程学习并与同学讨论完成
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                                                                                 完成从
                                <mark>fork模板到修改网页个人内容</mark>等工作，对html5进行了初步的学习，从而实现对个人简历模板的修改
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                                                                                 成功完成了个人第一个简历网页 </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span><b>[项目2]学院奖_I Do营销策划</b></span>
                            <span class="link">
                                <a href="https://www.5iidea.com/user/works/2204868" target="_blank">Demo</a>
                            </span>
                            <time>2021.9.1-2021.10.20</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：photoshop</li>
                            <li>
                                 <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                运用已学知识通过团队合作参加比赛
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                与5位同学合作完成
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                                                                                 参与从
                                <mark>分析品牌市场定位到策划方案</mark>等工作，主要负责<mark>整合资料并制作美化图片</mark>工作，从而协助团队完成营销策划项目制作。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                成功完成了第一个团队比赛项目，并最终获得优秀奖。</li>
                        </ul>
                       
                    </li>
                    <li>
                        <h3>
                            <span><b>[项目3]奶茶市场数据可视化</b></span>
                            <span class="link">
                                <a href="#" target="_blank">Demo</a>
                            </span>
                            <time>2020.11-2020.12</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：Tableau</li>
                            <li>
                                  <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                运用已学知识制作数据可视化图表进行数据分析
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                参与课堂学习并与同学讨论完成
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                                                                                 完成
                                <mark>获得数据-用学习到的tableau图表-完成仪表盘制作-组成故事</mark>等工作，根据图表分析数据，从而最终完成项目制作。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                成功完成了数据分析并进行课堂展演。</li>
                        </ul>
                    </li>
              
            </main>

            <!-- 自我评价 -->
            <main class="work info-unit Site-content">
                <h2>
                   <svg class="icon" aria-hidden="true"><use xlink:href="#icon-kehu-gongxiandufenxi"></use></svg> 自我评价/期望</h2>
                <hr/>
                <p><b>评价：</b>虽然已经大二了，但作为网新的学生才一年不到的时间。在这段时间里，越深入了解网新专业，就越感受到网新的魅力。在各种实操课中，我飞速成长，肝项目辛苦但是收获也很丰富。
                    在部门工作中，收获到的不仅仅是新的知识，还有并肩奋斗的伙伴，面对重重困难，不放弃，不气馁。
                    <span class="mark-txt">
                    “多静多思考，反省不张扬”</span>是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
                    <br>
                    <p>
                    <b>期望：</b>希望在接下来的日子里，能够在学习和部门工作中更加充实自己，一步一个脚印，完成好每一份事情。
                    </p>
            </section>
        </section>
    </article>



    <footer class="footer">
        <p>© 2021 肖潇.文档最后更新时间为
            <time>2021年11月21日</time>.</p>
    </footer>

    <!-- 侧栏菜单 -->
       <aside>
        <div class="mask"></div>
    <div id="silder">
         <ul >
             <li><a href="#"target="_blank">网页设计与制作</a></li>
             <li><a href="https://www.runoob.com/"target="_blank">菜鸟教程</a></li>

         </ul>
    </div>

</div>
       <div class="aside">
        <ul>
            <li>
                <a href="https://gitee.com/xiao-xiao05114220/resume" target="_blank">源代码</a>
            </li>
            
        </ul></div>
    </aside>
    
</body>

</html>